<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/video-js.css" rel="stylesheet">
		<!-- If you'd like to support IE8 -->
		<script src="../js/videojs-ie8.min.js"></script>
		<style>
			/*#my-video{width:100%;max-width:640px;max-height:320px;}*/
		</style>
	</head>

	<body>
		<div id="video">
			<video id="my-video" class="video-js" controls preload="auto"
			  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
				<source src="../common/oceans.mp4" type="video/mp4">
				<p class="vjs-no-js">
				  To view this video please enable JavaScript, and consider upgrading to a web browser that
				  <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
				</p>
			  </video>
			  <script src="../js/video.min.js"></script>
			  <script src="../js/mui.min.js"></script>
			  <script type="text/javascript">
				var myPlayer = videojs('my-video');
				videojs("my-video").ready(function(){
					var myPlayer = this;
					myPlayer.play({autoplay:false});
				});
			</script>
		</div>
	</body>

</html>